<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/login.css" rel="stylesheet"/>

    <style>
        @font-face {
            font-family: 'fangzhenglanting_black';
            src: url('fonts/fangzhenglanting_black_GBK_0.TTF');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'fangzhenglanting_jianti';
            src: url('fonts/fangzhenglanting_jianti.TTF');
            font-weight: normal;
            font-style: normal;
        }

        body {
            margin: 0;
            background-color: #ffffff;
        }

        .login {
        }

        .left {
            position: absolute;
            top: 0;
            left: 0;
            right: 40%;
            bottom: 0;
            background: url("images/bg.png") no-repeat 0 0;
            background-size: 100% 100%;
        }

        .left .title {
            position: absolute;
            top: 30px;
            right: 5px;
            text-align: left;
            color: #FFFFFF;
            font-size: 180%;
        }

        .left .title h1 {
            font-family: 'fangzhenglanting_black';
        }

        .left .title h2 {
            font-family: 'fangzhenglanting_jianti';
        }

        .right {
            width: 40%;
            position: absolute;
            top: 0;
            right: 0;
        }

        .right .logo {
            position: absolute;
            right: 50px;
            top: 50px;
        }

        .right form {
            position: relative;
            margin-top: 200px;
        }

        .right .login_tab02 > p {
            font-size: 20px;
            margin-bottom: 50px;
            font-family: 'fangzhenglanting_jianti';
        }

        .right .login_tab02 > p span {
            font-weight: bold;
            border-bottom: 1px solid #000000;
        }

        .right .login_tab02 {
            padding: 0;
            position: relative;
            margin-left: 120px;
        }

        .right .login_inpbg input {
            border: 1px solid #cccccc;
            border-radius: 30px;
            padding: 8px 0 8px 50px;
            outline: none;
            margin-bottom: 20px;
            width: 350px;
        }

        .right .login_btn input {
            width: 400px;
            border-radius: 30px;
            padding: 8px 0 8px 0;
            margin-top: 60px;
            height: 53px;
            line-height: 35px;
        }

        .right .footer {
            position: fixed;
            bottom: 10px;
            right: 0;
            left: 60%;
            font-family: 'fangzhenglanting_jianti';
            font-size: 90%;
        }

        .right .footer .login_foot03,
        .right .footer .login_foot02 {
            position: relative;
        }

        .right .footer .login_foot03 {
            bottom: 0;

        }
    </style>
</head>
<body>
<div class="login">
    <div class="left">
        <div class="title">
            <h1>卡考OA</h1>

            <h2>卡考人的工作平台</h2>
        </div>
    </div>
    <div class="right">
        <img src="images/logo.png" class="logo"/>

        <form>
            <div class="login_tab02">
                <p><span>登陆</span></p>

                <div class="login_inpbg">
                    <div class="login_inp02"><input name="userName" id="userName" type="text" maxlength="30"
                                                    class="inp3" onkeypress="onenter(event)"
                                                    placeholder="请输入您的账号"/></div>
                    <div class="login_inp02"><input name="passWord" maxlength="30"
                                                    id="passWord" type="password"
                                                    class="inp4"
                                                    onkeypress="onenter(event)"
                                                    placeholder="请输入密码"/></div>
                </div>
                <div class="login_btn">
                    <input name="btnlogin" type="button" onclick="loginup()" value="登 录">
                    <input name="waiting" type="button" value="正在登录，请稍后..." style="display: none">
                    <input type="hidden" value="0" id="hdissuccess"/>
                </div>
            </div>
        </form>
        <div class="footer">
            <div class="login_foot03">
                <a href="http://www.tops001.com/contact_us.htm">卡考官网</a> &nbsp;|&nbsp; <a
                    href="http://www.tops001.com/privacy.htm">联系我们</a> &nbsp;|&nbsp; <a
                    href="http://www.tops001.com/privacy.htm">常见问题</a>
            </div>
            <div class="login_foot02"> 2013-2015 KAKAO.ALL RIGHTS RESERVED 卡考网络有限公司版权所有-浙ICP备13033577号-1</div>
        </div>
    </div>
</div>

</body>
</html>